<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <h:form>
                <h:panelGrid columns="2" style="width: 650px;margin: 0px auto">      
                    <p:commandButton onclick="dlg2.show();" value="AGREGAR FACTURA PROFORMA" type="button"/>
                </h:panelGrid> 
            </h:form>
            <h:form>
                <p:panel  header="Buscar Factura Proforma" style="width: 650px;margin: 0px auto" id="pnlBusquedaFacturaProforma" 
                          toggleable="true" widgetVar="buscar" collapsed="#{BKFacturaProforma.listaFacturaProformaActivas ne null}">
                    <p:panelGrid>
                        <p:row>
                            <p:column>
                                <h:outputText value="CLIENTE MARCA: " class="lblBusqueda"/>
                            </p:column>
                            <p:column colspan="3">
                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtRazonSocialBusqueda" style="width: 100%"
                                             value="#{BKFacturaProforma.facturaProformaBusqueda.clienteMarca.razonSocial}" /> 
                            </p:column>

                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputText value="TIPO: " class="lblBusqueda"  />
                            </p:column>
                            <p:column>
                                <p:selectOneMenu value="#{BKFacturaProforma.facturaProformaBusqueda.tipoFP}" style="width: 200px">   
                                    <f:selectItem itemLabel="Seleccione" itemValue="%"/> 
                                    <f:selectItem itemLabel="TELA" itemValue="T" />  
                                    <f:selectItem itemLabel="PRENDA" itemValue="P" />  
                                </p:selectOneMenu>  
                            </p:column>
                            <p:column>
                                <h:outputText value="ESTADO: " class="lblBusqueda"/>
                            </p:column>
                            <p:column>
                                <p:selectOneMenu value="#{BKFacturaProforma.facturaProformaBusqueda.estadoProforma}" style="width: 200px">   
                                    <f:selectItem itemLabel="Seleccione" itemValue="%"/> 
                                    <f:selectItem itemLabel="BORRADOR" itemValue="B" />  
                                    <f:selectItem itemLabel="EMITIDO" itemValue="E" />  
                                    <f:selectItem itemLabel="APROBADO" itemValue="A" />  
                                    <f:selectItem itemLabel="NO APROBADO" itemValue="N" />  
                                </p:selectOneMenu>  
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputText value="CODIGO: " class="lblBusqueda"  />  
                            </p:column>
                            <p:column>
                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCodigoFP" style="width: 100%"
                                             value="#{BKFacturaProforma.facturaProformaBusqueda.codigoProforma}" />
                            </p:column>
                            <p:column>
                                <h:outputText value="PRODUCTO: " class="lblBusqueda"  />  
                            </p:column>
                            <p:column>
                                <p:inputText onkeyup="cambiarMayuscula(this)" style="width: 100%"
                                             value="#{BKFacturaProforma.facturaProformaBusqueda.origenProducto}" />
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputLabel id="lblFechaInicio" value="DEL: " class="lblBusqueda"/>
                            </p:column>
                            <p:column>
                                <p:calendar id="txtFechaInicio" locale="es" size="21"
                                            value="#{BKFacturaProforma.fechaInicio}" 
                                            pattern="dd/MM/yyyy" 
                                            maxdate="#{BKFacturaProforma.fechaFinal}"
                                            showOn="button" showButtonPanel="true" navigator="true">
                                    <p:ajax event="dateSelect" listener="#{MBFacturaProforma.marcarInicioBusqueda}" update="txtFechaFinal" />
                                </p:calendar>
                            </p:column>
                            <p:column>
                                <h:outputLabel id="lblFechaFinal" value="AL: " class="lblBusqueda"/>
                            </p:column>
                            <p:column>
                                <p:calendar id="txtFechaFinal" locale="es" size="21"
                                            value="#{BKFacturaProforma.fechaFinal}" 
                                            pattern="dd/MM/yyyy"
                                            mindate="#{BKFacturaProforma.fechaInicio}"
                                            showOn="button" showButtonPanel="true" navigator="true">
                                    <p:ajax event="dateSelect" listener="#{MBFacturaProforma.marcarFinalBusqueda}" update="txtFechaInicio" />
                                </p:calendar>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <p:commandButton id="btnBuscarBanco" value="BUSCAR" update="pnlBusquedaFacturaProforma,dataTablaFacturasProformas"  
                                                 actionListener="#{MBFacturaProforma.buscarListaFacturasProformas()}" styleClass="ui-priority-primary" 
                                                 oncomplete="listaFacturaProforma.show();buscar.toggle()" style="font-size: 12px"/>
                            </p:column>
                        </p:row>

                    </p:panelGrid>

                    <h:panelGrid columns="2" rendered="false">

                        <p:selectOneMenu value="#{BKFacturaProforma.facturaProformaBusqueda.clienteMarca}" converter="#{clienteConverter}"
                                         id="cbxCliente" filter="true" filterMatchMode="contains" var="cliente">  
                            <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                            <f:selectItems value="#{BKFacturaProforma.listaClientesActivos}" var="cli" 
                                           itemLabel="#{cli.razonSocial}" itemValue="#{cli}" /> 
                            <p:column>
                                #{cliente.razonSocial}
                            </p:column>
                        </p:selectOneMenu>

                    </h:panelGrid>        
                </p:panel>                

                <p:panel header="Lista de Facturas Proformas" style="margin: 0px auto;" closable="true" 
                         visible="#{(BKFacturaProforma.listaFacturaProformaActivas eq null)?false:true}" widgetVar="listaFacturaProforma" >
                    <p:dataTable id="dataTablaFacturasProformas" var="listaFP" value="#{BKFacturaProforma.listaFacturaProformaActivas}" widgetVar="carsTable"
                                 emptyMessage="No se encontraron Facturas Proformas" filteredValue="" rowIndexVar="row"
                                 paginator="true" rows="20" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                 {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="20,40,60"
                                 scrollable="true" scrollHeight="250" style="width:100%" paginatorPosition="bottom" styleClass="datable-busqueda"> 
                        <f:facet name="header" >
                            <p:outputPanel layout="block" >
                                <h:commandButton value="Exportar EXCEL">  
                                    <p:dataExporter type="xls" target="dataTablaFacturasProformas" fileName="facturasProformas" />  
                                </h:commandButton>  

                                <h:commandButton value="Exportar PDF">  
                                    <p:dataExporter type="pdf" target="dataTablaFacturasProformas" fileName="facturasProformas" />  
                                </h:commandButton>
                            </p:outputPanel>

                        </f:facet>

                        <p:column id="idColumnaNumFP"
                                  headerText="Nº"  style="width: 5%"
                                  filterMatchMode="contains"> 
                            <h:outputText value="#{row+1}" /> 
                        </p:column>

                        <p:column id="idColumnaClienteFP" style="width: 40%"
                                  sortBy="#{listaFP.clienteMarca.razonSocial}"
                                  filterMatchMode="contains"> 
                            <f:facet name="header">  
                                <h:outputText value="Cliente Marca" />  
                            </f:facet>
                            <h:outputText value="#{listaFP.clienteMarca.razonSocial}" /> 
                        </p:column>

                        <p:column id="idColumnaCodigoFP" 
                                  sortBy="#{listaFP.codigoProforma}" style="width:15%"> 
                            <f:facet name="header">  
                                <h:outputText value="Código FP" />  
                            </f:facet>
                            <h:outputText value="#{listaFP.codigoProforma}" /> 
                        </p:column>

                        <p:column id="idEstadoFP" headerText="Estado"  style="width: 10%"
                                  filterMatchMode="contains" sortBy="#{listaFP.estadoProforma}"> 
                            <h:outputText value="#{listaFP.estadoProforma eq 'A'?'APROBADO':(listaFP.estadoProforma eq 'N'?'NO APROBADO':(listaFP.estadoProforma eq 'E'?'EMITIDO':'BORRADOR'))}" /> 
                        </p:column>
                        <p:column id="idFechaTomaPedidoFP" style="width: 10%"
                                  sortBy="#{listaFP.fechaFacturaProforma}"
                                  filterMatchMode="contains"> 
                            <f:facet name="header">  
                                <h:outputText value="Fecha FP" />  
                            </f:facet>
                            <h:outputText value="#{listaFP.fechaFacturaProforma}"  >
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </h:outputText> 
                        </p:column>
                        <p:column id="idFechaDeliveryFP" style="width: 10%"
                                  sortBy="#{listaFP.fechaDelivery}"
                                  filterMatchMode="contains"> 
                            <f:facet name="header">  
                                <h:outputText value="Fecha Delivery" />  
                            </f:facet>
                            <h:outputText value="#{listaFP.fechaDelivery}"  >
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </h:outputText> 
                        </p:column>


                        <p:column id="idAccionesFacturaProforma" headerText="Acciones" exportable="false" style="width: 10%">
                            <h:commandLink action="#{MBFacturaProforma.createPDF}" target="_blank" rendered="false" >
                                <p:commandButton icon="ui-icon-search" title="Ver"  />
                                <f:setPropertyActionListener value="#{listaFP}" target="#{BKFacturaProforma.facturaProformaFormulario}" />  
                            </h:commandLink>

                            <p:commandButton icon="ui-icon-search" title="Ver"  ajax="false" action="#{MBFacturaProforma.ver()}" immediate="true">
                                <f:setPropertyActionListener value="#{listaFP}" target="#{BKFacturaProforma.facturaProformaFormulario}" />  
                            </p:commandButton>
                            <p:commandButton icon="ui-icon-pencil" title="Editar" ajax="false" immediate="true" action="#{MBFacturaProforma.editar()}"
                                             rendered="true">

                                <f:setPropertyActionListener value="#{listaFP}" target="#{BKFacturaProforma.facturaProformaFormulario}" />  
                            </p:commandButton>  
                            <p:commandButton id="btnEliminarBanco" title="Eliminar" icon="ui-icon-close"  oncomplete="confirmacion.show()" immediate="true"
                                             rendered="#{listaFP.estadoProforma eq 'B'?true:false}">
                                <f:setPropertyActionListener value="#{listaFP}" target="#{BKFacturaProforma.facturaProformaSeleccionado}" />
                            </p:commandButton>
                        </p:column>

                    </p:dataTable>                 

                </p:panel>

                <p:confirmDialog id="dlgEliminarFacturaProforma" message="#{message['dialog.confirmacion.mensaje']}" 
                                 header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmacion">
                    <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">
                        <p:commandButton id="btnConfEliFacturaProforma" update="dataTablaFacturasProformas" value="Si"  oncomplete="confirmacion.hide()"  
                                         actionListener="#{MBCotizacion.eliminar}" immediate="true" />  
                        <p:commandButton id="btnCancEliFacturaProforma" value="No" onclick="confirmacion.hide()" type="button" />   
                    </h:panelGrid>

                </p:confirmDialog>	
                <p:dialog id="modalDialog" header="TIPO FACTURA PROFORMA" widgetVar="dlg2" modal="true" style="text-align-last: center ">  

                    <h:panelGrid columns="1" style="text-align:center" >
                        <h:outputText value="ELIJA TIPO DE FACTURA PROFORMA A ELABORAR" />                                                                 
                        <p:panel style="text-align: center">
                            <p:selectOneRadio id="options" value="#{MBFacturaProforma.tipoFacturaProforma}" layout="lineDirection" style="text-align: center">  
                                <f:selectItem itemLabel="PRENDA" itemValue="1" />  
                                <f:selectItem itemLabel="TELA"   itemValue="2" />                                      
                            </p:selectOneRadio>                                      
                        </p:panel>

                        <p:commandButton action="#{MBFacturaProforma.nuevo()}" value="ACEPTAR"  ajax="false" />                                
                    </h:panelGrid>

                </p:dialog>
            </h:form>
            <br/>
            <!--rendered="#{listaFP.estadoProforma eq 'B' or listaFP.estadoProforma eq 'E'?true:false}"-->

        </ui:define>
    </ui:composition>
</html>   